<%@ page pageEncoding='UTF-8'%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set var="contextPath" value="#request.get('javax.servlet.forward.context_path')" scope="request" />
<!DOCTYPE html>
<head>
    <title>Appointment Details</title>
    <%-- header --%>
    <jsp:include page="/WEB-INF/content/common/Header.jsp" flush="true"/>
    <script src="${contextPath}/js/appointment/appointment.js"></script>
</head>
<body class="metro">
	<%-- tob-bar --%>	
    <jsp:include page="/WEB-INF/content/common/TopBar.jsp" flush="true"/>
       	
	<div id="main-container" class="body-wrapper">
        <%-- tob-container --%>
    	<jsp:include page="/WEB-INF/content/common/TopContainer.jsp" flush="true"/>
        
    	<div id="body-container">
        
        	<%-- header-container --%>
            <s:set var="mode" value="'details'"/>
            <jsp:include page="/WEB-INF/content/appointment/AppointmentMenuContainer.jsp" flush="true"/>
        
            <s:if test="%{existDayAppointmentMap}">
                <div id="appointment-list-info-container" class="place-left">
                    <div id="day-appointment-list-container" class="appointment-list-container">
                        <jsp:include page="/WEB-INF/content/appointment/DayAppointmentList.jsp" flush="true"/>
                    </div>
                </div>
                <div id="appointment-list-info-summary-container" class="text-center place-right">
                    <legend class="text-center">Day Summary</legend>
                    <h2 class="text-center"><i class="icon-accessibility-2"></i>&nbsp;</h2>
                    <br/>
                    <div class="tile double no-link">
                        <h1>
                            <s:property value="%{guiAppointmentList.size()}"/>
                            <span class="subheader-secondary">patient(s)</span>
                        </h1>
                    </div>
                </div>
                <br clear="all"/>
            </s:if>
            <s:if test="%{existMonthAppointmentMap}">
                <div id="month-appointment-list-container" class="appointment-list-container">
                    <jsp:include page="/WEB-INF/content/appointment/MonthAppointmentList.jsp" flush="true"/>
                </div>
            </s:if>        
    		
    	</div>
        
        <%-- bottom-container --%>
    	<jsp:include page="/WEB-INF/content/common/BottomContainer.jsp" flush="true"/>
        
	</div>
    
    <%-- footer-container --%>
    <jsp:include page="/WEB-INF/content/common/FooterContainer.jsp" flush="true"/>
    
</body>
</html>